<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
	<script>
	window.onload=function()
	{
		var canvas=document.getElementById("mycanvas");
		var ctx = canvas.getContext("2d");
		ctx.strokeStyle='#B5B2FF';
		ctx.fillStyle='#B5B2FF';
		ctx.beginPath();
		ctx.moveTo(200,100);
		ctx.arc(100,100,50,Math.PI*2.0,Math.PI*0.5,false);
		
		ctx.closePath();
		ctx.fill();
		ctx.stroke();
		
		
	}
	</script>

</head>
<body>
	<canvas id='mycanvas' width='600px' height='500px'>;;
</body>
</html>